<template>
	<view>
		<view class="flex flex-col justify-center">
			<image src="@/applyPages/static/icon-loading.svg" mode="widthFix" class="icon-loading"></image>
			<view class="load-text">入驻申请审核中</view>
			<view class="load-tip">您的申请将在1-3个工作日内完成审核</view>
			<!-- <view class="load-msg">审核通过后法人手机号{{getPhone(settleData.legalMobileNo)}}将会收到一条认证短信，请于3日内完成认证。</view> -->
		</view>
	</view>
	
</template>

<script setup>
	const props = defineProps({
		settleData: {
			type: Object
		}
	})
	const getPhone = (phone) => {
		return phone.replace(phone.substring(3,7), "****")
	}
</script>

<style scoped lang="scss">
	.icon-loading{
		width: 100px;
		margin: 100px auto 20px auto;
	}
	.load-text{
		font-size: 24px;
		font-weight: 600;
		// line-height: 22px;
		text-align: center;
	}
	.load-tip{
		font-size: 16px;
		font-weight: 400;
		// line-height: 17px;
		text-align: center;
		color: rgba(51, 51, 51, 0.6);
		margin-top: 12px;
	}
	.load-msg{
		margin: 20px;
		padding: 10px;
		background: rgba(245, 245, 245, 1);
		border-radius: 12px;
		font-size: 14px;
		font-weight: 400;
		line-height: 17px;
		text-align: center;
		color: rgba(51, 51, 51, 0.6);
	}
</style>
